import { Meta, Story, Canvas, Props } from "@storybook/blocks";

import { ViewPort, Right } from "../../";
import { green, description, lorem } from "../Utils";
import { CommonHeader, PropsTable, StandardProps, AnchoredProps } from "../Utils";
import * as RightStories from './Right.stories';

<CommonHeader />

<Meta of={RightStories} />

## Right

Anchored space on the right edge of it's parent.

### Specifying a % size

<Canvas of={RightStories.Default} />

### Specifying a pixel size

<Canvas of={RightStories.DefaultPx} />

### As a scrollable space

<Canvas of={RightStories.Scrollable} />

### Properties

<RightStories.Properties />
